<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"><!--  关闭缩放 -->
<meta name="apple-touch-fullscreen" content="yes"> <!--  一会试验下是否有必要存在 -->
<meta name="apple-mobile-web-app-capable" content="yes"><!--网站开启对 web app 程序的支持。-->
<meta name="apple-mobile-web-app-status-bar-style" content="black"><!--在 web app 应用下状态条（屏幕顶部条）的颜色；-->
<meta name="format-detection" content="telephone=no"><!--使设备浏览网页时对数字不启用电话功能-->
<meta http-equiv="x-rim-auto-match" content="none"/><!--使用wtai协议进行拨打电话。-->
<meta name="HandheldFriendly" content="true"/><!--标示移动站点-->
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="validation.js"></script>
<style type="text/css">
body{font-family:"微软雅黑";max-width:640px;margin:0px auto;}
.form-group{margin-bottom:30px;position:relative}
.notice{color:#F00;margin-left:10px;font-size:12px;position:absolute;top:28px;left:75px;}
.form-group input{outline:none;height:20px;width:260px;border:1px solid #3C6;}
.input-border{border:1px solid red !important}
form{width:350px;margin:15px auto 0px auto}
label{width:85px;text-align:right;display:inline-block}
[type=submit]{margin-left:88px;border:0px;outline:none;border-radius:5px;-webkit-border-radius:5px;background:#3C6;padding:5px 8px;color:white;cursor:pointer}
</style>
</head>
<body>
<form action="???" method="post" id="validation" AUTOCOMPLETE="OFF">
	<div class="form-group">
		<label>手机号：</label><input type="text" name="tel" data-message="请输入合法的11位手机号码" maxlength="11" data-alt="手机号"/>
    </div>
    <div class="form-group">
    	<label>邮箱：</label><input type="text" name="email" data-message="请输入正确的邮箱" data-alt="邮箱"/>
    </div>
    <div class="form-group">
    	<label>身份证：</label><input type="text" name="card" data-message="请输入正确的身份证号" data-alt="身份证号"/>
    </div>
    <div class="form-group">
    	<label>密码：</label><input type="text" name="password" data-message="请输入以字母开头6-20位数字、字母或常用符号" data-alt="密码"/>
    </div>
    <div class="form-group">
    	<label>确认密码：</label><input type="text" name="confirm_password" data-message="前后密码不一致" data-alt="确认密码"/>
    </div>
    <input type="submit"/>
</form>
</body>
</html>
